<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    
    
    <!-- <script src="d3.min.js"></script> -->
    <script src="https://d3js.org/d3.v7.min.js"></script>
    <script>
        const x = d3.scaleLinear([1,10],['brown','steelblue']);

        //const x = d3.scaleLinear([0,10],[0,100]);

        //const x = d3.scaleLinear([-10,0,10],[0,100,150]);

        //const x = d3.scaleLinear([0,188],[0,1000]).nice();
        
        // const x = d3.scaleLinear([-1,1],[0,1000]).nice();
        // const t = x.ticks(10);
        // const f = x.tickFormat(5,'%');

    </script>
</body>
</html>